﻿html {
    height: 100%
}

body {
    height: 100%;
}
img{
    width: 100%;
}
.body{
    position: relative;
    top: -6.01rem;
    overflow: hidden;
}
#baidu_Map {
    width: 500px;
    height: 500px;
}
.bj1{
    width: 100%;
    background-image: url(../image/loveIsAnswer/bj1.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 22.3rem;
    color: #fff;
    position: relative;
    float: left;
}
.bj1_header{
    width: 100%;
    overflow: hidden;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    margin-top: 0.35rem;

}
.bj1_header_love{
    display: inline-block;
    float: left;
    width: 0.8rem;
    height: 0.8rem;
}
.bj1_header_man{
    display: inline-block;
    float: left;
    width: 2rem;
    text-align: center;
    font-size: 0.45rem;
    height: 0.8rem;
    line-height: 0.8rem;
    font-weight: bold;
}
.bj1_header_women{
    display: inline-block;
    float: left;
    width: 2rem;
    text-align: center;
    font-size: 0.45rem;
    height: 0.8rem;
    line-height: 0.8rem;
    font-weight: bold;
}
.bj1_subtitle span{
    display: block;
    text-align: center;
}
.bj1_time{
    overflow: hidden;
    height: 0.7rem;
    margin-top: 0.1rem;
}
.bj1_time_day{
    background-image: url(../image/loveIsAnswer/header_kk.png);
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    text-align: center;
    line-height:0.7rem ;
    height: 0.7rem;
    font-size: 0.35rem;
    width: 7.1rem;
    margin: 0 auto;
}
.bj1_address{
    margin-top: 0.1rem;
    overflow: hidden;
    background-image: url(../image/loveIsAnswer/header_kkk.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 2.1rem;
}
.bj1_address_address{
    text-align: center;
    font-size: 0.4rem;
    line-height: 0.6rem;
    height: 2.1rem;
    display: flex;
    flex-flow: wrap row;
    align-items: center;
    justify-content: center;
}
.bj1_openMap{
    width: 2.4rem;
    margin: 0.2rem auto 0 auto;
}
.bj1_menu{
    margin-top: 1.9rem;
    height: 0.92rem;
}
.bj1_music{
    width: 1.6rem;
    height: 0.92rem;
    float: left;
    margin-left: 0.3rem;
}
.bj1_menu_menu{
    width: 2.37rem;
    height: 0.92rem;
    float: right;
    margin-right: 0.3rem;
}
.bj1_moule{
    margin-top: 5.5rem;
    width: 100%;
    height: 8.6rem;
    background-image: url(../image/loveIsAnswer/bj1_module.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.bj1_moule_name{
    overflow: hidden;
    padding-top: 1.85rem;
    color: #844741;
}
.bj1_moule_name_man{
    float: left;
    font-size: 0.4rem;
    margin-left: 1.3rem;
    font-weight: 600;
    width: 1.5rem;
}
.bj1_moule_name_man_1,.bj1_moule_name_man_2,.bj1_moule_name_man_3{
    float: left;
    width: 1.5rem;
    height: 0.55rem;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
}
.bj1_moule_name_women{
    float: right;
    font-size: 0.4rem;
    margin-right: 1.2rem;
    font-weight: 600;
}
.bj1_moule_name_women_1,.bj1_moule_name_women_2,.bj1_moule_name_women_3{
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    float: left;
    width: 1.5rem;
    height: 0.55rem;
}
.bj1_moule_time{
    margin-top: 2.6rem;
}
.bj1_moule_time_top{
    text-align: center;
    font-size: 0.5rem;
}
.bj1_moule_time_conter{
    font-size: 1.5rem;
    text-align: center;
    padding-left: 2rem;
    line-height: 1.2rem;
}
.bj1_moule_time_botton{
text-align: center;
    font-size: 0.4rem;
    line-height: 1.2rem;
}
/*================================================================================================================================bj1*/
.bj2{
    width: 100%;
    background-image: url(../image/loveIsAnswer/bj2.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 19.01rem;
    color: #fff;
    position: relative;
    float: left;
}
.bj2_img{
    width: 8rem;
    height: 7.5rem;
    background-image: url(../image/loveIsAnswer/img_bj.png);
    background-size: 85%;
    background-repeat: no-repeat;
    margin:1rem auto 0 auto; 
}
#bj2_img_img{
    margin:0 auto 0 auto; 
    padding: 0.7rem 1.6rem 0 0;
    width: 6.5rem;
    display: block;
        transform:rotate(7deg);
    -ms-transform:rotate(7deg);     /* IE 9 */
    -moz-transform:rotate(7deg);    /* Firefox */
    -webkit-transform:rotate(-18deg); /* Safari 和 Chrome */
    -o-transform:rotate(7deg);  /* Opera */
}
.bj2_text{
    width:10rem;
    height: 6rem;
    overflow: hidden;
    margin-top: 0rem;
    padding-left: 3rem;
    font-size: 0.45rem;
    line-height: 0.7rem;
    text-align: center;
    transform:rotate(7deg);
    -ms-transform:rotate(7deg); 	/* IE 9 */
    -moz-transform:rotate(7deg); 	/* Firefox */
    -webkit-transform:rotate(-18deg); /* Safari 和 Chrome */
    -o-transform:rotate(7deg); 	/* Opera */
}
/*================================================================================================================================bj2*/
.bj3{
    width: 100%;
    background-image: url(../image/loveIsAnswer/bj3.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 23.7rem;
    color: #fff;
    position: relative;
    float: left;
}
.bj3_video{
    width: 7.1rem;
    margin: 2.9rem auto 0 auto;
    height:4.44rem ;
    background-color: #000;
    position: relative;
}
#my-video{
    width: 100%;
    height: 100%;
}
.bj3_video_btn{
    position: absolute;
    width: 2rem;
    height: 2rem;
    left: 50%;
    top:50%;
    margin-top: -1rem;
    margin-left: -1rem;
}
.bj3_lunbo{
    height: auto;
    width: 100%;
    margin: 20em auto 0 auto;
}
#lunbo-animation{
    height: 270px;
    width: 100%;
    position: relative;
    margin: 0 auto;
}
#lunbo-animation ul{
    list-style: none;
    padding: 0;
    margin: 0;
    height: 100%;
}
#lunbo-animation ul li {
    position: absolute;
    margin: 0;
    padding: 0;
    height: 100%;
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    list-style: none;
    width:9rem !important;
}
#lunbo-animation ul li img{
    width:100%;
    border:5px #fff solid;
    box-sizing: border-box;
}
/*================================================================================================================================bj3*/
.bj4{
    width: 100%;
    background-image: url(../image/loveIsAnswer/bj4.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 39.65rem;
    color: #fff;
    position: relative;
    float: left;
}
.bj4_message{
    width: 8.8rem;
    height:9.5rem;
    margin: 3rem auto 0 auto;
}
.bj4_message_main{
    width: 100%;
    background-image: url(../image/loveIsAnswer/message_main.png);
    background-size: 100%;
    background-repeat: no-repeat;
    height: 8.5rem;
    overflow-y: scroll;
    overflow-x: hidden;
}
.bj4_message_add{
    background-image: url(../image/loveIsAnswer/message_add_bj.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 100%;
    height: 1rem;
}
.bj4_message_main ul{
    list-style: none;
    margin: 0;
    padding: 0.1rem 0.4rem;
}
.bj4_message_main ul li{
    margin-top: 0.2rem;
    border-bottom: 1px #fff solid;
}
.bj4_message_main_top{

}
.bj4_message_main_top_name{
    font-size: 0.4rem;
}
.bj4_message_main_top_time{
    font-size: 0.3rem;
    margin-left: 0.3rem;
}
.bj4_message_main_comments{
    font-size: 0.5rem;
    line-height: 1rem;
}
.bj4_message_add_btn{
    width: 1rem;
    height: 1rem;
    margin: 0 auto;
    background-color: #4b4b4c;
    border-radius: 50%;
    font-size: 1rem;
    text-align: center;
    line-height: 1rem;
}
.bj4_Map{
    width: 8.09rem;
    height: 9.12rem;
    margin: 3rem auto 0 auto;
    overflow: hidden;
}
.bj4_address{
    margin-top: 2.5rem;
    overflow: hidden;
    height: 2.8rem;
}
.bj4_address_address{
    text-align: center;
    font-size: 0.5rem;
    line-height: 0.7rem;
    height: 2.8rem;
    display: flex;
    flex-flow: wrap row;
    align-items: center;
    justify-content: center;
}

/*********添加留言************/


.addMessage_wrapper{
    width: 100%;
    height: 100%;
    z-index: 5000;
}

.addMessage_layout{
    margin: 0 auto;
    width: 100%;
    height: auto;
    background: #fff;
    padding: 0 10px 10px 10px;
}
.addMessage_header{
    overflow: hidden;
    border-bottom:2px solid #ff3262;
    margin-bottom: 15px;
}
.addMessage_header h4{
    font-size: 0.4rem;
    color:#ff3262;
    float: left;
}

.addMessage_layout .addMessage_span img{
    margin-top: 10px;
    float: right;
    width: 35%;
}
.addMessage_layout .submit_btn{
    border-radius:15px;
    border: 0;
    padding: 5px 25px;
    background-color: #ff5b81;
    color: #fff;
    font-size: 10px;
}

.reste_input_addMessage{
    border: 0;
    background-color: #808080;
    border-radius:0;
    color:#c6c6c6;
}
#allmap2{
    width:7rem;
    height: 10rem;
}
/*bj_img*/
.bj_img{
    position:absolute;
    width: 2.5rem;
    height: 5rem;
    bottom: 5.3rem;
    left:2rem;
    overflow: hidden;
}
.bj_img_2wm{
    position: relative;
    width: 100%;
    height: 5rem;
    overflow: hidden;
}
.bj_img .bj_img_2wm img{
    position: absolute;
    bottom: 0;
}